<template>
  <span
    :class="[
      { right: zt == '正确' },
      { error: zt == '错误' },
      { undo: zt == '未完成' },
    ]"
    >{{ index + 1 }}: {{ zt }}</span
  >
</template>

<script>
export default {
  props: ["zt", "index"],
};
</script>

<style scoped>
.right {
  color: green;
}
.error {
  color: red;
}
.undo {
  color: #ccc;
}
</style>